<template>
	<view style="padding: 20rpx;">		<mphtml :content="data"></mphtml>
</view>
</template>
<script>
	import {article_details} from '../../api/api.js'
	import mphtml from '../../compontents/mp-html/mp-html.vue'
	export default {
		components:{mphtml},
		data() {
			return {
				data:"",
				status: false,
				id: null,
				uid: null,
			}
		},
		onLoad(options) {
			console.log('接收的参数', options)
			this.id = options.id
			this.uid = options.uid
			let data = {
				id: this.id
			}
			// 获取详情信息
			let params = this.$util(data)
			article_details(params).then(res => {
				this.data = res.data.content
			})
		},
		methods: {
			check() {
				this.status = !this.status
				console.log(this.status)
			}
		}
	}
</script>

<style scoped lang="less">
	@font-face {
		font-family: 'iconfont';
		/* Project id 2620352 */
		src: url('//at.alicdn.com/t/font_2620352_dnmfn7ahwoe.woff2?t=1624462743772') format('woff2'),
			url('//at.alicdn.com/t/font_2620352_dnmfn7ahwoe.woff?t=1624462743772') format('woff'),
			url('//at.alicdn.com/t/font_2620352_dnmfn7ahwoe.ttf?t=1624462743772') format('truetype');
	}

	.iconfont {
		font-family: iconfont;
		width: 40upx;
		height: 90upx;
		line-height: 90upx;
		font-size: 34upx;
		text-align: center;
		/* font-family: texticons; */
		margin-right: 20upx;
	}

	.warp {
		background-color: #FAFAFA;
		width: 100%;
		height: 100%;

		.card {
			margin-top: 20rpx;
			background-color: #FFFFFF;
			padding: 30rpx;

			.header {
				height: 70rpx;
				line-height: 70rpx;
			}

			.card {
				color: #666666;
			}
		}
	}
</style>



